let app = new Vue({
    el: '#body',
    data: function () {
        return { 
            tabActive: '0',
            // 显示询价详情
            showGoodsPriceInfo: false,
            // 展示申请部分
            showApply: false,
            // 选择的申请方式
            applyWay: '0',
            // 显示预约时间
            showReserveTime: false,
            // 预约时间
            reserveTime: [
                {
                    day: '06月23日 (周六)',
                    time: [
                        '上午 (10:00-12:00)',
                        '中午 (12:00-14:00)',
                        '下午 (14:00-18:00)',
                        '晚上 (18:00-21:30)'
                    ]
                },
                {
                    day: '06月24日 (周日)',
                    time: [
                        '上午 (10:00-12:00)',
                        '中午 (12:00-14:00)',
                        '下午 (14:00-18:00)',
                        '晚上 (18:00-21:30)'
                    ]
                },
                {
                    day: '06月25日 (周一)',
                    time: [
                        '上午 (10:00-12:00)',
                        '中午 (12:00-14:00)',
                        '下午 (14:00-18:00)',
                        '晚上 (18:00-21:30)'
                    ]
                },
                {
                    day: '06月26日 (周二)',
                    time: [
                        '上午 (10:00-12:00)',
                        '中午 (12:00-14:00)',
                        '下午 (14:00-18:00)',
                        '晚上 (18:00-21:30)'
                    ]
                }
            ],
            reserveDayIndex: 0,
            reserveHourIndex: 0,
            // 显示门店名称
            showStoreName: false,
            // 门店名称
            storeName: [
                '上海新亚店',
                '上海闵行店',
                '上海浦东店'
            ],
            // 选中的门店索引
            storeNameIndex: 0,
            // 显示上门时间
            showOnDoorTime: false,
            // 上门时间
            onDoorTimes: [
                '2018年06月23日（今天）',
                '2018年06月24日（周日）',
                '2018年06月25日（周一）',
                '2018年06月26日（周二）'
            ],
            // 选中的上门索引
            onDoorTimeIndex: 0,
            // 显示快递预约时间
            showExpressTime: false,
            // 快递预约时间
            expressTime: [
                {
                    day: '06月23日 (今天)',
                    time: [
                        '16:00-17:00',
                        '17:00-18:00',
                        '18:00-19:00'
                    ]
                },
                {
                    day: '06月24日 (明天)',
                    time: [
                        '9:00-10:00',
                        '10:00-11:00',
                        '11:00-12:00',
                        '12:00-13:00',
                        '13:00-14:00',
                        '14:00-15:00',
                        '15:00-15:00',
                        '16:00-17:00',
                        '17:00-18:00',
                        '18:00-19:00'
                    ]
                },
                {
                    day: '06月25日 (星期一)',
                    time: [
                        '9:00-10:00',
                        '10:00-11:00',
                        '11:00-12:00',
                        '12:00-13:00',
                        '13:00-14:00',
                        '14:00-15:00',
                        '15:00-15:00',
                        '16:00-17:00',
                        '17:00-18:00',
                        '18:00-19:00'
                    ]
                },
                {
                    day: '06月26日 (星期二)',
                    time: [
                        '9:00-10:00',
                        '10:00-11:00',
                        '11:00-12:00',
                        '12:00-13:00',
                        '13:00-14:00',
                        '14:00-15:00',
                        '15:00-15:00',
                        '16:00-17:00',
                        '17:00-18:00',
                        '18:00-19:00'
                    ]
                },
                {
                    day: '06月27日 (星期三)',
                    time: [
                        '9:00-10:00',
                        '10:00-11:00',
                        '11:00-12:00',
                        '12:00-13:00',
                        '13:00-14:00',
                        '14:00-15:00',
                        '15:00-15:00',
                        '16:00-17:00',
                        '17:00-18:00',
                        '18:00-19:00'
                    ]
                },
                {
                    day: '06月28日 (星期四)',
                    time: [
                        '9:00-10:00',
                        '10:00-11:00',
                        '11:00-12:00',
                        '12:00-13:00',
                        '13:00-14:00',
                        '14:00-15:00',
                        '15:00-15:00',
                        '16:00-17:00',
                        '17:00-18:00',
                        '18:00-19:00'
                    ]
                },
                {
                    day: '06月29日 (星期五)',
                    time: [
                        '9:00-10:00',
                        '10:00-11:00',
                        '11:00-12:00',
                        '12:00-13:00',
                        '13:00-14:00',
                        '14:00-15:00',
                        '15:00-15:00',
                        '16:00-17:00',
                        '17:00-18:00',
                        '18:00-19:00'
                    ]
                }
            ],
            expressDayIndex: 0,
            expressHourIndex: 0,
            isPhone: false
        }
    },
    methods: {
        // 显示所有tags
        _showAllGoodsLabel: function () {
            this.$refs.goodstags.style.overflow = 'visible';
        },
        // 隐藏所有tags
        _hiddenAllGoodsLabel: function () {
            this.$refs.goodstags.style.overflow = 'hidden';
        },
        _showApply: function (index) {
            this.showApply = true;
            this.applyWay = index;
        },
        _closeSelect: function () {
            this.showReserveTime = false;
            this.showStoreName = false;  
            this.showOnDoorTime = false;
            this.showExpressTime = false;
        },
        // 选择预约时间
        _choopseReserveTiem: function (index) {
            // 获取当前选中时间
            this.reserveHourIndex = index;
            // 关闭select
            this.showReserveTime = false;
        },
        // 选择预约快递上门时间
        _chooseExpressTime: function (index) {
            // 获取当前选中时间   
            this.expressHourIndex = index;
            // 关闭select
            this.showExpressTime = false;
        },
        // 手机号校验
        _validatePhone: function (event) {
            let result = event.target.value;
            if (result.length === 11) {
                this.isPhone = true;
            } else {
                this.isPhone = false;
            }
        }
    },
    computed: {
        // 上门预约时间
        myReserveTime: function () {
            // 显示那个时间
            return `${this.reserveTime[this.reserveDayIndex].day} ${this.reserveTime[this.reserveDayIndex].time[this.reserveHourIndex]}`;
        },
        // 快递预约时间
        myExpressTime: function () {
            return `${this.expressTime[this.expressDayIndex].day} ${this.expressTime[this.expressDayIndex].time[this.expressHourIndex]}`;
        }
    },
    watch: {
        applyWay: function() {
            this.isPhone = false;
        }
    }
})
